/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 160px;
    height: auto;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/* Custom Style
-----------------------------------------------------------*/
.clearfix {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagecontainer4r {
    width: 1000px;
    display: block;
    margin: 0 auto;
}
.logo4r {
    background-image:url(Image/banner-site.png);
	height:80px;
	width:449px;
	display:inline-block;
	float:left;
    margin-left: 50px;
}

.banner4r {
    width:100%;
	margin: 0 auto;
	padding-top:5px;
	margin-bottom:10px;
    display: inline-block;
}

.menu4r {
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
}

.maincontent4r {
    width: 700px;
    float: left;
    
}

.rightContent4r {
    width: 280px;
    float: right;
    display: block;
}

.footer4r {
    width: 100%;
    border: solid 1px lightseagreen;
    float: left;
    margin-top: 50px;
    margin-bottom: 30px;
}

.newTopic {
    display: block !important;
    line-height: 45px !important;
    height: 45px !important;
    text-align: center !important;
    padding: 0 !important;
    width: 100% !important
}

.topicrow { padding: 16px 0;  border-bottom: 1px #EFEFEF solid; *zoom: 1;}
.topicrow:before, .topicrow:after {display: table; content: "";}
.topicrow:after {clear: both;}
.topicrow:last-child { border-bottom: none;  }

.topicstats {text-align: center;}
.topicstatsblock {background: none repeat scroll 0 0 #FFFFFF; padding:0; width: 70px;margin: 5px;}

.topicvotes { font-size: 22px;font-weight: bold; padding: 3px 0 4px 0;color: #20909A; border: 1px solid #a8a7a7;}
.topicvotes span { font-size: 10px;font-weight: normal;display: block;}
.answered .topiccomments, .answered .topicvotes {color: #ffffff !Important; border-top: 2px solid #86b54b;}

.topiccomments {font-size: 22px;font-weight: bold;color: #20909A;padding:3px 0 4px 0; border: 1px solid #a8a7a7;}
.topiccomments span {font-size: 10px;font-weight: normal;display: block;}

.topicviews {margin: 5px; padding: 2px 0;font-size: 11px;color: #20909A;font-style: italic; width: 70px;display: block;}

.topicrowdetails {}
.topicrowdetails h3 { margin: 0 0 9px 0;}
.topicrowdetails h3 a, .topicrowdetails h3 a:visited { color: #4891DC;font-size: 26px;}

.topicpreview { padding: 2px 0 0 0;}

.topicrowstatscategory {font-size: 12px; font-style: italic;color: #a3a3a3;padding: 10px 0 0 0;}
.topicrowstatscategory a, .topicrowstatscategory a:visited {color: #a3a3a3;text-decoration: underline;}
.topicrowstatscategory a:hover { text-decoration: none;}

.topicrecent { text-align: center;}
.topicrecent p { margin: 0; font-size: 11px;}
.topicrecenttitle { font-weight: bold;padding: 0 0 5px 0;}
.topicrecentavatar {}
.topicrecentavatar img {}
.topicrecentdate { line-height: 11px;padding: 6px 0 0 0;}

/*--- TAGS ---*/
div.tagsinput {background: #FFF; padding:10px 0 0 0; width:675px !Important; height:40px !Important; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 2px 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;}
div.tagsinput span.tag:hover { background-color: #c3dc91 !important;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px;padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}


.editor-field input[type=text], .editor-field input[type="password"] {font-size:15px; width: 95%; line-height: 28px; height: 28px;}

.btnNewTopic {
    margin: 30px 0px 30px 0px;
    float: right;
    width: 300px;
}

.cm-content { padding: 16px 0;  border-bottom: 1px silver dashed; *zoom: 1;}
.cm-content:before, .cm-content:after {display: table; content: "";}
.cm-content:after {clear: both;}
.cm-content:last-child { border-bottom: none;  }
.cm-left {text-align: center;background: none repeat scroll 0 0 snow; padding:10; width: 70px;margin: 5px; float: left}
.cm-votes { font-size: 22px;font-weight: bold; padding: 3px 0 4px 0;color: #fff;border-bottom: 3px solid #ffffff; border-top: 2px solid #a8a7a7;}
.cm-votes span { font-size: 10px;font-weight: normal;display: block;}
.cm-votes {color: #20909A !Important; border: 1px solid lightslategray;}


.cm-center{ width: 500px; float: left; margin-left: 20px; }
.cm-center-top{ border-bottom: dashed 1px grey;padding-bottom: 8px; font-size: 14px; font-style: italic;color: #a3a3a3;}
.cm-center-bottom{ margin-top: 25px;}
.cm-right{ width: 60px; float: right; text-align: center;}
.cm-right p { margin: 0; font-size: 13px;}
.cm-right-top{}
.cm-creator{font-weight: bold;padding: 0 0 5px 0;}
.cm-creator-avatar{}
.cm-Nopost{}
.cm-right-bottom{}
.box-createCM{ margin-top: 30px !important;}

.newComment {
    display: block !important;
    line-height: 45px !important;
    height: 45px !important;
    text-align: center !important;
    padding: 0 !important;
    width: 70% !important
}


.profileBox {width: 100%;display: block;}
.profileName{width: 100%;float: left;text-transform: uppercase;font-size: 18px;padding: 15px;margin-bottom: 20px;}
.profile-left{ width: 180px;text-align: center;float: left;}
.profile-right{ width: 450px;float: right}
.profileInfo {width: 90%;float: left;text-transform: uppercase;font-size: 18px;padding: 15px;margin-bottom: 20px;}
.editComment{width: 50%;float: left;text-transform: uppercase;font-size: 18px;padding: 15px;margin-bottom: 20px;;margin-left: 20px;}

.kqsearch{ width: 90% ;float: left;text-transform: uppercase;font-size: 18px;padding: 15px;margin-bottom: 20px}
.pagingbar {    float: right;}


.tile h2 {
    text-transform: capitalize;
}
.TagBar {
    margin-top: 10px;
    display: block;
}

.TagBox {
    width: 260px;
    display: block;
    margin: 10px;
    border: solid 1px darkslategray
}

.right{float: right}
.left{float: left}
.rightcategory {
    color: #FFFFFF !important;
}

/*--- Tag Cloud ---*/
ul.tagCloud { border: none!Important; overflow: hidden;}
ul.tagCloud li { float: left;padding: 3px 4px !Important;margin: 0 6px 6px 0;background-color:#fff;border: 1px #efefef solid; }
ul.tagCloud li:hover { background-color: #efefef;}
ul.tagCloud li a, ul.tagCloud li a:visited, ul.tagCloud li a:hover {font-size: 11px; color: #7D7D7D;} 
ul.tagCloud li span.tagName { float: left;width: auto;display: block;margin: 0 5px 0 0;}
ul.tagCloud li span.tagCount {float: left; padding: 0 2px; width: auto;display: block;background-color:#20909A; color: #fff; text-align: center}
.tagCloud { border: none!Important; overflow: hidden;}
.tagCloud li { float: left;border: 1px #ddd solid;padding: 2px 3px !Important;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;margin: 0 5px 5px 0;background-color:#fbfafa;}
.tagCloud li span.tagName { float: left;width: auto;display: block;margin: 0 5px 0 0;}
.tagCloud li span.tagCount {float: left; padding: 0 2px; width: auto;display: block;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;background-color: #666; color: #fff;}
.tagCount{ font-size: 11px;}
.side-box { padding: 5px 0 20px 0; }
.side-box ul { padding: 0;margin: 0;border-bottom: 1px #fff solid;}
.side-box ul li { padding:4px 0;font-size: 14px;border-top: 1px #fff solid;list-style: none;}
.side-box h5 { font-size: 17px;padding:8px 12px;color: #efefef; font-family: 'MVCforumLight';background-color: #20909A;}
.side-box a, .side-box a:visited { color: #1d60ff }
.side-box a:hover {color: #1d60ff}
.profile-box ul li {margin:0 0 3px 0;padding: 0}
.profile-box ul li a, .profile-box ul li a:visited { display: block;clear: both;margin: 0;background-color: #efefef;padding: 5px 10px; color: #7D7D7D;font-size: 16px}
.profile-box ul li a:hover { background-color:#ccc;color: #7D7D7D}

.cmpageActive {
    color: green !important;
}

.profile-right span { margin-bottom: 10px;}
.profile-right .span2 { font-weight: bold; color: darkslategray}
.btnPmessage {    margin: 60px 30px 0 0;}

.viewMessage{ width: 90% !important; margin-top: 10px}